<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>病人基本信息</span>
      </div>
      <el-form
        :inline="true"
        :model="formInline"
        size="mini"
        label-width="85px"
        class="demo-form-inline"
      >
        <el-form-item label="住院号">
          <el-input v-model="formInline.zyh" @blur="getUserInfo"></el-input>
        </el-form-item>
        <el-form-item label="姓名">
          <el-input v-model="formInline.brxm"></el-input>
        </el-form-item>
        <el-form-item label="性别">
          <el-input v-model="formInline.brxb"></el-input>
        </el-form-item>
        <el-form-item label="年龄">
          <el-input v-model="formInline.brnl"></el-input>
        </el-form-item>
        <el-form-item label="输血者属地">
          <el-select v-model="formInline.sxzsd" style="width:90px">
            <el-option label="本地" value="本地"></el-option>
            <el-option label="外埠" value="外埠"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="血液类型">
          <el-select v-model="formInline.nsxy" >
            <el-option v-for="(item,i) in xylx" :key="i" :label="item.mc" :value="item.id"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <el-form
        :inline="true"
        :model="formInline"
        label-width="85px"
        size="mini"
        class="demo-form-inline"
      >
        <!-- <el-form-item label="科别">
          <el-input v-model="formInline.user"></el-input>
        </el-form-item>-->
        <el-form-item label="病区">
          <el-input v-model="formInline.ksmc"></el-input>
        </el-form-item>
        <el-form-item label="床号">
          <el-input v-model="formInline.bch"></el-input>
        </el-form-item>
        <el-form-item label="临床诊断">
          <el-input v-model="formInline.lczd"></el-input>
        </el-form-item>
        <el-form-item label="血量">
          <el-input v-model="formInline.nsxl"></el-input>
        </el-form-item>
        <el-form-item label="输血目的">
          <el-select v-model="formInline.sxmd">
            <el-option v-for="(item,i) in sxmd" :key="i" :label="item.mc" :value="item.id"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <el-form
        :inline="true"
        :model="formInline"
        label-width="100px"
        size="mini"
        class="demo-form-inline"
      >
        <el-form-item label="输血性质">
          <el-select v-model="formInline.sxxz" style="width:100px">
            <el-option label="治疗" value="治疗"></el-option>
            <el-option label="手术备血" value="手术备血"></el-option>
            <el-option label="急救" value="急救"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="输血史">
          <el-select v-model="formInline.sxs" style="width:100px">
            <el-option label="有" value="有"></el-option>
            <el-option label="无" value="无"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="妊娠史">
          <el-select v-model="formInline.rss" style="width:100px">
            <el-option label="有" value="有"></el-option>
            <el-option label="无" value="无"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="预定输血日期">
          <el-date-picker
            v-model="formInline.ydsxrq"
            value-format="yyyy-MM-dd"
            type="date"
            placeholder="选择日期"
          ></el-date-picker>
        </el-form-item>
      </el-form>
      <p>输血治疗包括输全血、成分血、是临床治疗的重要措施之一，也是临床抢救急危重患者生命行之有效的手段。但输血存在一定风险， 可能发生输血不良反应及经血传播的疾病。</p>
      <p>虽然我院使用的所有血液均已按卫生部有关规定进行了检测，并达到相应的质量要求，但由于当前科技水平的限制，输血仍有某些不能预测或不能防止的输血反应和经血传染疾病。输血存在的主要风险有:</p>
      <p>1.非溶血性发热反应(相对常见)。</p>
      <p>2.过敏反应和变态反应(相对常见)。</p>
      <p>3.溶血性输血反应，可危及生命(相对少见)。</p>
      <p>4.细菌污染引起的输血反应(相对少见)。</p>
      <p>5.输血相关急性肺损伤及肺微血管栓塞等肺部并发症(罕见)。</p>
      <p>6.输血后因稀释性血小板及凝血因子减少或产生血小板抗体发生出血倾向(相对少见)。</p>
      <p>7.大里输血致循环超负荷及电解质、酸碱平衡失调(相对少见)。</p>
      <p>8.输血未经辐照的新鲜血，可能致输血后移植物抗宿主病，可危及生命(罕见)。</p>
      <p>9.有些病原体(如疟原虫、巨细胞病毒、人类T淋巴细胞病毒及EB病毒等)可以通过血液传播，但目前我国并没有将其作为血液的筛查项目，输血有可能传染这些疾病。</p>
      <p>10.由于机体感染病原体后到采用现有的检测方法能够检测出来需要一段时间 (窗口期)，因此即使按卫生部规定要求检测的病原体(如乙肝病毒、丙肝病毒及艾滋病毒等)也存在漏检的可能，输血不能完全排除这些病毒的传播。</p>
      <p>11.输血可能引起机体产生同种抗体及其他疾病。</p>
      <p>在您及亲属了解上述可能发生的情况后，如同意输血治疗，请在下面签名。</p>
      <p>
        我已详细阅读以上告知内容,对医师、护士的解释已经明白,经慎重考虑,我同意一次或多次
        <el-select style="vertical-align:middle;margin:0 5px" v-model="formInline.zitiyiti" placeholder="请选择">
          <el-option label="异体输血治疗" value="异体输血治疗"></el-option>
          <el-option label="自体输血治疗" value="自体输血治疗"></el-option>
          <el-option label="异体加自体输血治疗" value="异体加自体输血治疗"></el-option>
        </el-select>我
        <el-select style="vertical-align:middle;margin-left:5px;width:250px" v-model="formInline.sfty">
          <el-option label="同意做输血前检查并已抽取样本" value="同意做输血前检查并已抽取样本"></el-option>
          <el-option label="拒绝做输血前检查" value="拒绝做输血前检查"></el-option>
        </el-select>
      </p>
      <el-button type="primary" @click="saveSxtys">保存</el-button>
      <el-button >打印</el-button>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      formInline: {
        brxm: "",
        zyh: "99992356518155",
        lczd: "",
        nsxl: "",
        ydsxrq: "",
        rss: "",
        nsxy: "",
        ksmc: "",
        bch: "",
        brxb:'',
        brnl:'',
        sxmd:'',
        sxs:'',
        zitiyiti:'',
        sfty:'',
        sxxz:'',
        sxzsd:''
      },
      options: [],
      xylx:[],
      sxmd:[]
    };
  },
  methods: {
    getUserInfo() {
      this.$ajax.get(`/yx/getSxtysList?zyh=${this.formInline.zyh}`,{}).then((res) => {
        if (res.code == "0") {
          if (res.data.length > 0) {
            Object.keys(res.data[0]).forEach(el => {
              this.formInline[el] = res.data[0][el]
            })
          }
        } else {
          
        }
      });
    },
    saveSxtys(){
      this.$ajax.post(`/yx/saveSxtys`,this.formInline).then((res) => {
        if (res.code == "0") {
          this.$message({
            message: '保存成功',
            type: 'success'
          });
        }else{
          this.$message.error(res.msg);
        }
      });
    }
  },
  mounted(){
    this.xylx = JSON.parse(localStorage.getItem('xylx'))
    this.sxmd = JSON.parse(localStorage.getItem('sxmd'))
  }
};
</script>
<style lang="less" scoped>
.demo-form-inline {
  height: 40px;
}
</style>